<template>
  <div>
    <h1>关于v-model的用法</h1>
    <hr>
    <div>
      用户名:
      <!-- <input v-model="uname" type="text"> -->
      <input :value="uname" type="text" @input="uname=$event.target.value">
    </div>
    <br>
    <button @click="Fn">点击</button>
    <!-- <MyMsg v-model="title" @input="title=$event" /> -->
    <MyMsg :abc.sync="abc" />
  </div>
</template>

<script>
import MyMsg from './MyMsg.vue'
export default {
  name: 'MyTest',
  components: {
    MyMsg
  },
  data() {
    return {
      uname: '',
      title: 'hello',
      abc: '世界我来了'
    }
  },
  methods: {
    Fn() {
      this.t
    }
  }
}
</script>

<style>

</style>
